<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%>
<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>文献管理系统</title>
<meta name="description" content="User login page" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

<link rel="stylesheet"
	href="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script
	src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script>
<script
	src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script
	src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<!-- jquery表单前端验证 -->
<script
	src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
<script
	src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
</head>
<body class="login-layout light-login">
	<div class="container">
		<div class="row clearfix">
			<div class="col-md-12 column">
				<div class="page-header">
					<h1>湖北中医药大学文献管理系统</h1>

				</div>
			</div>
		</div>
		<nav class="navbar navbar-default" role="navigation">
			<div class="navbar-header">
				<ul class="nav nav-tabs">
					<li class="active"><a href="#panel-Mian" data-toggle="tab">主页</a>
					</li>
					<li><a href="#panel-Type" data-toggle="tab">文献类型</a></li>
					<li><a href="#panel-Au" data-toggle="tab">出版单位</a></li>
					<li class="disabled"><a href="#">排行统计分析（禁用链接）</a></li>
					<li><a href="#panel-Subject" data-toggle="tab">学科分类</a></li>
					<li><a href="#panel-Persion" data-toggle="tab">个人主页</a></li>
				</ul>
			</div>

			<div>
				<form class="navbar-form navbar-left" role="search">
					<div class="form-group">
						<input type="text" class="form-control" placeholder="Search">
					</div>
					<button type="submit" class="btn btn-default">搜索</button>
					<button class="btn btn-primary " data-toggle="modal"
						data-target="#myModal">高级搜索</button>
				</form>
			</div>

			<!-- 模态框（Modal） -->
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
				aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-hidden="true">&times;</button>
							<h4 class="modal-title" id="myModalLabel">模态框（Modal）标题</h4>
						</div>
						<div class="modal-body">在这里添加一些文本</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default"
								data-dismiss="modal">开始检索</button>
						</div>
					</div>
					<!-- /.modal-content -->
				</div>
				<!-- /.modal -->
			</div>



		</nav>

		<!-- div动态模板 -->
		<div class="tab-content">
			<!--主页 -->
			<div class="tab-pane active" id="panel-Mian">
				<div class="media">
					<a class="pull-left" href="#"> <img class="media-object"
						src="${pageContext.request.contextPath }/image/c.jpg" alt="媒体对象">
					</a>
					<div class="media-body">
						<h4 class="media-heading">媒体标题</h4>
						这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。
						这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。
					</div>
				</div>

				<div class="media">
					<a class="pull-left" href="#"> <img class="media-object"
						src="${pageContext.request.contextPath }/image/c.jpg" alt="媒体对象">
					</a>
					<div class="media-body">
						<h4 class="media-heading">北京一乡镇干部挪用9亿公款理财获刑11年</h4>
						北京市昌平区马池口镇农业服务中心原主任张佩山，用他管理的9亿元资金购买理财产品，收受理财产品销售人员好处费30万元。昌平法院数罪并罚，对张佩山执行有期徒刑11年，并处罚金20万元。
					</div>
				</div>
				<div class="media">
					<a class="pull-left" href="#"> <img class="media-object"
						src="${pageContext.request.contextPath }/image/c.jpg" alt="媒体对象">
					</a>
					<div class="media-body">
						<h4 class="media-heading">《纽约时报》</h4>
						据美国《纽约时报》网站12月20日报道，纽约市官员说，十年来，涌入纽约的中国游客人数越来越多，2016年来这个城市旅游的6030万人中，已有近100万是中国人。但有些人认为美国这个最大城市的规模远没有到惊叹的程度，比如北京退休干部陈力(音)。
					</div>
				</div>

			</div>
			<!-- 文献类型 -->
			<div class="tab-pane" id="panel-Type">
				<div class="container">
					<div class="row clearfix">
						<div class="col-md-12 column">
							<table class="table">
								<thead>
									<tr>
										<th>编号</th>
										<th>产品</th>
										<th>交付时间</th>
										<th>状态</th>
									</tr>
								</thead>
								<tbody>
									<tr class="success">
										<td>1</td>
										<td>TB - Monthly</td>
										<td>01/04/2012</td>
										<td>Approved</td>
									</tr>
									<tr class="error">
										<td>2</td>
										<td>TB - Monthly</td>
										<td>02/04/2012</td>
										<td>Declined</td>
									</tr>
									<tr class="warning">
										<td>3</td>
										<td>TB - Monthly</td>
										<td>03/04/2012</td>
										<td>Pending</td>
									</tr>
									<tr class="info">
										<td>4</td>
										<td>TB - Monthly</td>
										<td>04/04/2012</td>
										<td>Call in to confirm</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
			<!-- 出版单位-->
			<div class="tab-pane" id="panel-Au">

				<div class="col-md-12 column">
					<div class="row clearfix">

						<!-- 左侧 -->
						<div class="col-md-8 column">
							<table class="table table-hover">
								<thead>
									<tr>
										<th>序号</th>
										<th>出版单位</th>
										<th>作品数量</th>
									</tr>
								</thead>
								<c:forEach items=""  var="item">
								   
								</c:forEach>
								
								<tbody>
									<tr>
										<td>1</td>
										<td>北京大学出版社</td>
										<td>22</td>
										<td><button type="button" class="btn btn-link">查看</button></td>
									</tr>
									<tr>
										<td>2</td>
										<td>清华大学</td>
										<td>33</td>
										<td><button type="button" class="btn btn-link">查看</button></td>
									</tr>
									<tr>
										<td>3</td>
										<td>湖北中医药大学</td>
										<td>44</td>
										<td><button type="button" class="btn btn-link">查看</button></td>

									</tr>
								</tbody>
							</table>
						</div>


						<!-- 右侧 -->
						<div class="col-md-4 column"></div>
					</div>
				</div>



			</div>
			<!-- 学科分类-->
			<div class="tab-pane" id="panel-Subject">
				<p>学科分类的天下</p>
			</div>

			<!-- 个人主页-->
			<div class="tab-pane" id="panel-Persion">
				<div class="container">
					<div class="row clearfix">
						<!-- 左侧面板 -->
						<div class="col-md-8 column">
							<div id="myCarousel" class="carousel slide">
								<!-- 轮播（Carousel）指标 -->
								<ol class="carousel-indicators">
									<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
									<li data-target="#myCarousel" data-slide-to="1"></li>
									<li data-target="#myCarousel" data-slide-to="2"></li>
								</ol>
								<!-- 轮播（Carousel）项目 -->
								<div class="carousel-inner">
									<div class="item active">
										<img src="${pageContext.request.contextPath }/image/lb01.jpg"
											alt="First slide">
									</div>
									<div class="item">
										<img src="${pageContext.request.contextPath }/image/lb02.jpg"
											alt="Second slide">
									</div>
									<div class="item">
										<img src="${pageContext.request.contextPath }/image/lb03.jpg"
											alt="Third slide">
									</div>
								</div>
								<!-- 轮播（Carousel）导航 -->
								<a class="carousel-control left" href="#myCarousel"
									data-slide="prev">&lsaquo;</a> <a
									class="carousel-control right" href="#myCarousel"
									data-slide="next">&rsaquo;</a>
							</div>
						</div>
						<!-- 个人主页右侧面板(登录) -->
						<div class="col-md-3 column">
							<form role="form" id="login_form" name="login_form"
								action="${pageContext.request.contextPath }/user/login.action"
								method="post">
								<div class="form-group">
									<label for="exampleInputEmail1">账号：</label><input type="text"
										class="form-control" id="exampleInputEmail1" required="true" />
								</div>
								<div class="form-group">
									<label for="exampleInputPassword1">密码：</label><input
										type="password" class="form-control"
										id="exampleInputPassword1" required="true" />
								</div>
								<div>
									<input type="radio" name="User_Character" value="普通用户"
										checked="checked" />普通用户 <input type="radio"
										name="User_Character" value="管理员" />管理员
								</div>
								<div>
									<button id="login" type="submit" class="btn btn-default">登录</button>
									<button id="register" type="button" class="btn btn-link">注册</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>


	<script type="text/javascript">
		$(document)
				.ready(
						function() {
							//注册按钮事件
							$("#register")
									.click(
											function() {
												alert("注册");
												$("#login_form")
														.attr("action",
																"${pageContext.request.contextPath }/g2/g2register.action")
														.submit();
											});

						});
	</script>
</body>
</html>
